<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Error</title>
  <style>
    /* 整体页面布局，设置背景颜色等让页面更美观 */
    body {
        font-family: Arial, sans-serif;
        background-color: #f4f4f4;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        margin: 0;
    }

    /* 错误提示区域样式，设置大小、背景、边框、阴影等让其更突出 */
   .error {
        width: 400px;
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        text-align: center;
    }

    /* 标题样式，设置更大的字体、加粗、红色等让提示更醒目 */
    h1 {
        color: red;
        font-size: 24px;
        font-weight: bold;
    }

    /* 按钮样式，设置大小、颜色、背景、鼠标悬停效果等让按钮更美观易用 */
    button {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 16px;
        border: none;
        border-radius: 5px;
        background-color: #007BFF;
        color: white;
        cursor: pointer;
    }

    button:hover {
        background-color: #0056b3;
    }
  </style>
</head>

<body>
<div class="error">
  <h1>该书籍已经存在您的购物车中了！！！</h1>
  <!-- 添加按钮，通过onclick属性绑定点击事件，调用window.location.href实现跳转 -->
  <button onclick="window.location.href='http://localhost:9090/bookstore/user/shopping'">返回购物车</button>
</div>
</body>

</html>